<!DOCTYPE html>
<HTML>
<HEAD><meta name="viewport" content="width=device-width, initial-scale=1">
<Title>Real-Time Charts</Title>
<link type='text/css' rel='Stylesheet' href="maxchartapi.css" />
</HEAD>
<body bgcolor="#FFFFFF" text="#000000" topmargin="0" leftmargin="0" rightmargin="0" marginwidth="0" marginheight="0">
<p class="heading0">ChartDirector 7.0 (Java Edition)</p>
<p class="heading1">Real-Time Charts</p>
<hr class="separator">
<div class="content">This section describes how to use ChartDirector to create real-time charts.
</div><p class="heading2">In this section</p><div class="content">
<div style="margin-left:15px"><a href="realtimeintroweb.htm">Real-Time Charts</a></div><div style="margin-left:35px">
Description of the general approach of creating real-time charts with ChartDirector.
</div><br>
<div style="margin-left:15px"><a href="realtimedemoweb.htm">Simple Real-Time Chart</a></div><div style="margin-left:35px">
This sample program demonstrates a web based real-time chart with configurable chart update rate, in which the chart image is updated via streaming.
</div><br>
<div style="margin-left:15px"><a href="realtimesnapshotweb.htm">Real-Time Chart with Snapshot</a></div><div style="margin-left:35px">
The example extends the <a href="realtimedemoweb.htm">Simple Real-Time Chart</a> example by adding buttons to download the chart in PNG and PDF formats.
</div><br>
<div style="margin-left:15px"><a href="realtimetrackweb.htm">Real-Time Chart with Track Line</a></div><div style="margin-left:35px">
This sample program demonstrates a real-time chart with configurable chart update rate, in which the chart image is updated via AJAX means. It includes a track cursor that updates the legend dynamically to display the data values as the mouse cursor moves over the chart. When the mouse is not over the chart, the track cursor will display the latest data values.
</div><br>
<div style="margin-left:15px"><a href="realtimemultichartweb.htm">Real-Time MultiChart</a></div><div style="margin-left:35px">
This sample program demonstrates a real-time multichart containing 3 XY charts, with configurable chart update rate. The chart image is updated via AJAX means. It includes a track cursor as a vertical sweep line that snaps to the x data value nearest to the mouse cursor and display the data values at that position.
</div></div><br>
<hr class="separator"><div class="copyright">&copy; 2022 Advanced Software Engineering Limited. All rights reserved.</div></body>
</HTML>
